//生成日期
function creatDate(){
	//生成2000年-2100年
	for(var i = 2017; i<=2100;i++){
		var option = document.createElement('option');
		option.setAttribute('value',i);
		option.innerHTML = i;
		sel1.appendChild(option);
	}
	//生成1月-12月
	for(var i = 1; i <=12; i++){
		var option = document.createElement('option');
		option.setAttribute('value',i);
		option.innerHTML = i;
		sel2.appendChild(option);	
	}
	//生成1日—31日
	for(var i = 1; i <=31; i++){
		var option = document.createElement('option');
		option.setAttribute('value',i);
		option.innerHTML = i;
		sel3.appendChild(option);	
	}
}



creatDate();
//保存某年某月的天数
var days;
//年份点击
sel1.onclick = function(){
	//月份显示默认值
	sel2.options[0].selected = true;
	//天数显示默认值
	sel3.options[0].selected = true;
}
//月份点击
sel2.onclick = function(){
	//天数显示默认值
	sel3.options[0].selected = true;
	//计算天数的显示范围
	//如果是2月
	if(sel2.value == 2){
	    //如果是闰年
	    if((sel1.value % 4 === 0 && sel1.value % 100 !== 0)  || sel1.value % 400 === 0){
	        days = 29;
	    //如果是平年
	    }else{
	        days = 28;
	    }
	//如果是第4、6、9、11月
	}else if(sel2.value == 4 || sel2.value == 6 ||sel2.value == 9 ||sel2.value == 11){
	    days = 30;
	}else{
	    days = 31;
	}
	//增加或删除天数
	//如果是28天，则删除29、30、31天(即使他们不存在也不报错)
	if(days == 28){
		sel3.remove(31);
		sel3.remove(30);
		sel3.remove(29);
	}
	//如果是29天
	if(days == 29){
		sel3.remove(31);
		sel3.remove(30);
		//如果第29天不存在，则添加第29天
		if(!sel3.options[29]){
			sel3.add(new Option('29','29'),undefined)
		}
	}
	//如果是30天
	if(days == 30){
		sel3.remove(31);
		//如果第29天不存在，则添加第29天
		if(!sel3.options[29]){
			sel3.add(new Option('29','29'),undefined)
		}
		//如果第30天不存在，则添加第30天
		if(!sel3.options[30]){
			sel3.add(new Option('30','30'),undefined)
		}
	}
	//如果是31天
	if(days == 31){
		//如果第29天不存在，则添加第29天
		if(!sel3.options[29]){
			sel3.add(new Option('29','29'),undefined)
		}
		//如果第30天不存在，则添加第30天
		if(!sel3.options[30]){
			sel3.add(new Option('30','30'),undefined)
		}
		//如果第31天不存在，则添加第31天
		if(!sel3.options[31]){
			sel3.add(new Option('31','31'),undefined)
		}
	}
}

// //结果显示
// box.onclick = function(){
// 	//当年、月、日都已经为设置值时
// 	if(sel1.value !='year' && sel2.value != 'month' && sel3.value !='day'){
// 		var day = new Date(sel1.value,sel2.value-1,sel3.value).getDay();
// 		result.innerHTML = sel1.value + '年' + sel2.value + '月' +  sel3.value + '日' + '星期' + changDay(day);
// 	}else{
// 		result.innerHTML = '';
// 	}
// }
//星期格式切换
function changDay(num){
	switch(num){
		case 0:
			return '日';
		case 1:
			return '一';
		case 2:
			return '二';
		case 3:
			return '三';
		case 4:
			return '四';
		case 5:
			return '五';
		case 6:
			return '六';			
	}
}
function date()
{
	var date = '<option value="00:00">00:00</option><option value="00:10">00:10</option><option value="00:20">00:20</option><option value="00:30">00:30</option><option value="00:40">00:40</option><option value="00:50">00:50</option><option value="01:00">01:00</option><option value="01:10">01:10</option><option value="01:20">01:20</option><option value="01:30">01:30</option><option value="01:40">01:40</option><option value="01:50">01:50</option><option value="02:00">02:00</option><option value="02:10">02:10</option><option value="02:20">02:20</option><option value="02:30">02:30</option><option value="02:40">02:40</option><option value="02:50">02:50</option><option value="03:00">03:00</option><option value="03:10">03:10</option><option value="03:20">03:20</option><option value="03:30">03:30</option><option value="03:40">03:40</option><option value="03:50">03:50</option><option value="04:00">04:00</option><option value="04:10">04:10</option><option value="04:20">04:20</option><option value="04:30">04:30</option><option value="04:40">04:40</option><option value="04:50">04:50</option><option value="05:00">05:00</option><option value="05:10">05:10</option><option value="05:20">05:20</option><option value="05:30">05:30</option><option value="05:40">05:40</option><option value="05:50">05:50</option><option value="06:00">06:00</option><option value="06:10">06:10</option><option value="06:20">06:20</option><option value="06:30">06:30</option><option value="06:40">06:40</option><option value="06:50">06:50</option><option value="07:00">07:00</option><option value="07:10">07:10</option><option value="07:20">07:20</option><option value="07:30">07:30</option><option value="07:40">07:40</option><option value="07:50">07:50</option><option value="08:00">08:00</option><option value="08:10">08:10</option><option value="08:20">08:20</option><option value="08:30">08:30</option><option value="08:40">08:40</option><option value="08:50">08:50</option><option value="09:00">09:00</option><option value="09:10">09:10</option><option value="09:20">09:20</option><option value="09:30">09:30</option><option value="09:40">09:40</option><option value="09:50">09:50</option><option value="10:00">10:00</option><option value="10:10">10:10</option><option value="10:20">10:20</option><option value="10:30">10:30</option><option value="10:40">10:40</option><option value="10:50">10:50</option><option value="11:00">11:00</option><option value="11:10">11:10</option><option value="11:20">11:20</option><option value="11:30">11:30</option><option value="11:40">11:40</option><option value="11:50">11:50</option><option value="12:00">12:00</option><option value="12:10">12:10</option><option value="12:20">12:20</option><option value="12:30">12:30</option><option value="12:40">12:40</option><option value="12:50">12:50</option><option value="13:00">13:00</option><option value="13:10">13:10</option><option value="13:20">13:20</option><option value="13:30">13:30</option><option value="13:40">13:40</option><option value="13:50">13:50</option><option value="14:00">14:00</option><option value="14:10">14:10</option><option value="14:20">14:20</option><option value="14:30">14:30</option><option value="14:40">14:40</option><option value="14:50">14:50</option><option value="15:00">15:00</option><option value="15:10">15:10</option><option value="15:20">15:20</option><option value="15:30">15:30</option><option value="15:40">15:40</option><option value="15:50">15:50</option><option value="16:00">16:00</option><option value="16:10">16:10</option><option value="16:20">16:20</option><option value="16:30">16:30</option><option value="16:40">16:40</option><option value="16:50">16:50</option><option value="17:00">17:00</option><option value="17:10">17:10</option><option value="17:20">17:20</option><option value="17:30">17:30</option><option value="17:40">17:40</option><option value="17:50">17:50</option><option value="18:00">18:00</option><option value="18:10">18:10</option><option value="18:20">18:20</option><option value="18:30">18:30</option><option value="18:40">18:40</option><option value="18:50">18:50</option><option value="19:00">19:00</option><option value="19:10">19:10</option><option value="19:20">19:20</option><option value="19:30">19:30</option><option value="19:40">19:40</option><option value="19:50">19:50</option><option value="20:00">20:00</option><option value="20:10">20:10</option><option value="20:20">20:20</option><option value="20:30">20:30</option><option value="20:40">20:40</option><option value="20:50">20:50</option><option value="21:00">21:00</option><option value="21:10">21:10</option><option value="21:20">21:20</option><option value="21:30">21:30</option><option value="21:40">21:40</option><option value="21:50">21:50</option><option value="22:00">22:00</option><option value="22:10">22:10</option><option value="22:20">22:20</option><option value="22:30">22:30</option><option value="22:40">22:40</option><option value="22:50">22:50</option><option value="23:00">23:00</option><option value="23:10">23:10</option><option value="23:20">23:20</option><option value="23:30">23:30</option><option value="23:40">23:40</option><option value="23:50">23:50</option><option value="24:00">24:00</option><option value="24:10">24:10</option><option value="24:20">24:20</option><option value="24:30">24:30</option><option value="24:40">24:40</option><option value="24:50">24:50</option>'
	$('#sel4').append(date);
}